<#escape x as x?html>
<div class="box box-solid box-fusion no-shadow no-border">
    <div class="box-header">
        <#--<div class="col-md-6">-->
            <#--<label class="control-label"-->
                   <#--for="userRoles">每页显示</label>-->
                <#--<select class="select2" style="width: 75px">-->
                    <#--<option value="10">10</option>-->
                    <#--<option value="25">25</option>-->
                    <#--<option value="50">50</option>-->
                    <#--<option value="100">100</option>-->
                <#--</select>-->
        <#--</div>-->
        <#--<div class="col-md-6">-->
            <#--<@y.htmlFuzzySearchListForm/>-->
        <#--</div>-->
            <div class="col-md-7">
                <h3 class="box-title">&nbsp;</h3>
            </div>
            <div class="box-tools">
                <@y.htmlFuzzySearchListForm></@y.htmlFuzzySearchListForm>
            </div>
    </div><!-- /.box-header -->
    <div class="box-body table-responsive no-padding">
        <table class="table table-inner-bordered table-hover"
               data-form-name="<@s.message 'base.user.list.formName'/>">
            <thead>
            <th class="col-md-2 col-lg-2">
                <@s.message "base.user.list.account"/>
            </th>
            <th class="col-md-2 col-lg-2">
                <@s.message "base.user.list.name"/>
            </th>
            <th class="col-md-1 col-lg-1">
                <@s.message "base.user.list.state"/>
            </th>
            <th class="col-md-4 col-lg-5">
                <@s.message "base.user.list.description"/>
            </th>
            <th class="col-md-3 col-lg-2">
                <@s.message "page.handler"/>
            </th>
            </thead>
            <tbody>
                <#if (page.entities??)&&(page.entities?size>0)>
                    <#list page.entities as record>
                    <tr record-id='${record.id}'>
                        <td>${record.account!''}</td>
                        <td>${record.name!''}</td>
                        <td>
                            <@y.htmlStateSpan state=(record.state)!''/>
                        </td>
                        <td>${record.description!''}</td>
                        <td class="popup-close table-btn" style="padding-left: 10px;">
                            <@y.htmlPageBtnGroupEditDelete/>
                        </td>
                    </tr>
                    </#list>
                </#if>
            </tbody>
        </table>
    </div><!-- /.box-body -->
    <div class="box-footer no-border clearfix">
        <@y.htmlPaginationOverview/>
    </div>
</div><!-- /.box -->
    <@y.htmlModal type="save"/>
<script>
    context.call([
        "list",
        "dataTables"
    ], function (list, dataTables) {
        list.initFuzzySearchList("/base/user");
        $('.tableNoUse').DataTable({
//            paging: false,
//            scrollX: 1000,
            scrollX: true,
//            searching: false,
//            info:false,
            language: {
                "sProcessing": "处理中...",
                "sLengthMenu": "显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "共 _TOTAL_ 项，显示第 _START_ 至 _END_ 项结果",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            }
        });
    })
</script>
</#escape>